<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="../css/bootstrap.css"/>
    <link rel="stylesheet" href="../css/style.css"/>
    <script src="../js/requirejs/require.js"></script>
</head>
<body>
<div class="page-header">
    <h1>Example page header <small>Subtext for header</small></h1>
</div>
<div class="jumbotron">
    <h2>Demo!</h2>
    <p class="lead">summary.</p>
</div>
<div class="container m-list">
    <div class="row" id="js_list">
        <div class="col-sm-12 col-md-12">
            <div class="thumbnail">
                <img alt="100%x200" data-lazy="../images/01.jpg" style="height: 400px; width: 100%; display: block;" src="" data-holder-rendered="true">
                <div class="caption">
                    <h3>Thumbnail label</h3>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-md-12">
            <div class="thumbnail">
                <img alt="100%x200" data-lazy="../images/01.jpg" style="height: 400px; width: 100%; display: block;" src="" data-holder-rendered="true">
                <div class="caption">
                    <h3>Thumbnail label</h3>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-md-12">
            <div class="thumbnail">
                <img alt="100%x200" data-lazy="../images/02.jpg" style="height: 400px; width: 100%; display: block;" src="" data-holder-rendered="true">
                <div class="caption">
                    <h3>Thumbnail label</h3>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-md-12">
            <div class="thumbnail">
                <img alt="100%x200" data-lazy="../images/03.jpg" style="height: 400px; width: 100%; display: block;" src="" data-holder-rendered="true">
                <div class="caption">
                    <h3>Thumbnail label</h3>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-md-12">
            <div class="thumbnail">
                <img alt="100%x200" data-lazy="../images/04.jpg" style="height: 400px; width: 100%; display: block;" src="" data-holder-rendered="true">
                <div class="caption">
                    <h3>Thumbnail label</h3>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
                </div>
            </div>
        </div>
        <div class="col-sm-12 col-md-12">
            <div class="thumbnail">
                <img alt="100%x200" data-lazy="../images/05.jpg" style="height: 400px; width: 100%; display: block;" src="" data-holder-rendered="true">
                <div class="caption">
                    <h3>Thumbnail label</h3>
                    <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                    <p><a role="button" class="btn btn-primary" href="#">Button</a> <a role="button" class="btn btn-default" href="#">Button</a></p>
                </div>
            </div>
        </div>
    </div>
</div>
<footer class="footer">
    <div class="container">
        <p class="pull-left">©2015 版权所有 xxx.com </p>
        <p class="pull-right">备案号：渝ICP备<a target="_blank" href="http://www.miitbeian.gov.cn">xxxx</a>号

        </p>
    </div>
</footer>

<script>
    requirejs(["bootstrap","module/index"],function(){

    });
</script>
</body>
</html>